@charset "utf-8";
/* CSS Document */

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1521380604942'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1521380604942#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1521380604942') format('woff'),
  url('../fonts/iconfont.ttf?t=1521380604942') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1521380604942#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: "shareicon";
  src: url('../fonts/share_icon.eot?t=1521380604942'); /* IE9*/
  src: url('../fonts/share_icon.eot?t=1521380604942#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/share_icon.woff?t=1521380604942') format('woff'),
  url('../fonts/share_icon.ttf?t=1521380604942') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/share_icon.svg?t=1521380604942#iconfont') format('svg'); /* iOS 4.1- */
}

.ps-prevIcon,
.ps-nextIcon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fanhui:before { content: "\e600"; }

.icon-gengduo:before { content: "\e601"; }

body { height: 100%; min-width: 1180px; color: #2b2b2b; font-size: 14px; line-height: 1; font-family: 'hiragino sans gb', '微软雅黑', 'Microsoft Yahei', Arial }


a { color: #2b2b2b }
a:hover { color: #000000 }

.fl { float: left }
.fr, .more { float: right }

#container {
    min-height: 100%
}

#home-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden
}
#home-cover .list,
#home-cover li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: url('../images/loading_img.gif') no-repeat 50% 50%
}
#home-cover .list {
    background: none
}
#home-cover li {
    position: absolute;
    visibility: hidden
}
.cover-wrap img { position: absolute; visibility: hidden }

@media screen and ( -webkit-min-device-pixel-ratio: 2 ) {
    #home-cover li { background-image: url('../images/loading_img@2x.gif'); background-size: 80px 80px }
}

#main-bg, #main-repeat-line, #main-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#main-bg { background-position: 50% 50%; background-size: cover; z-index: -3 }
#main-repeat-line { z-index: 2; background: url('../images/main_repeat_bg.gif') }
#main-mask { z-index: 3; display: none; background: #ffffff; filter: alpha(opacity=60); opacity: 0.6 }
.home-page #main-mask { display: block }

#simulation-body { position: relative; overflow: auto; height: 100%; -webkit-overflow-scrolling: touch }

#logo { font-weight: normal; font-size: 20px; line-height: 27px }

#default-box { position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; height: 230px; margin: -175px 0 0; border-bottom: 1px solid #4c3e04; text-align: center }
#default-box #logo { display: inline }
#default-box #logo img { display: block; margin: 0 auto 10px }
#default-box .language { margin: 20px 0 0 }
#default-box .nav-wrap, #header .nav-wrap { position: absolute; bottom: 10px; left: 50%; width: 930px; margin: 0 0 0 -470px; line-height: 35px }

#default-box .nav-wrap li a:hover{ color:#797876}

#supersized-loader, #supersized li.image-loading { background: url('http://files.artist.cn/Style_six/css/white/progress.gif') no-repeat center center }
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 43px; height: 29px; margin: -29px 0 0 -21px; text-indent: -9999px }

#supersized { position: fixed; top: 0; right: 0; z-index: -999; display: block; height: 100%; width: 100%; overflow: hidden }
#supersized { _position: absolute }
#supersized img { position: relative; display: none }

#supersized li { position: absolute; top: 0; right: 0; z-index: -30; display: block; width: 100%; height: 100%; overflow: hidden; background: #d9d9d9 }
#supersized a { width: 100%; height: 100%; display: block }
#supersized li.prevslide { z-index: -20 }
#supersized li.activeslide { z-index: -10 }
#supersized li.image-loading { width: 100%; height: 100%; background-color: #d9d9d9 }
#supersized li.image-loading img { visibility:hidden }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline }

#main-nav { position: relative; margin: 0 -14px 0 -10px }
#main-nav li { display: inline; padding: 0 25px 0 0 }
#default-box #main-nav li { padding: 0 14px }
#main-nav a { padding: 0 0 0 10px; font-size: 14px }
#main-nav a:hover, #main-nav a.current { background: url('http://files.artist.cn/Style_six/css/white/main_nav_li.gif') no-repeat left center; color: #B4B2B2;}

.language {  }
.language a {  }

#content, .footer ,#works{ width: 930px; margin: 40px auto 20px }
#content, #works { margin-bottom: 0; padding-bottom: 74px }

#works{ width:100%}
.footer { margin-top: -34px; margin-bottom: 0; padding: 0 0 20px; text-align: center }
.home-page .footer { position: absolute; bottom: 20px; left: 50%; z-index: 10; margin: 0 0 0 -465px; padding: 0 }
.footer a + a { margin-left: 15px }

#header { position: relative; margin: 0 auto; padding-top: 42px; border-bottom: 1px solid #4c3e04 }
#header .inner { width: 930px; margin: 0 auto }
#header #logo { float: left; color: #ffffff  }
#header #logo img { margin: 0 10px 0 0; vertical-align: middle }
#header .language { float: right }
#header .blank { display: block; clear: both; height: 0; overflow: hidden }
#header .nav-wrap { position: static; margin: 15px auto; line-height: 25px }

.about-wrap, .contact-wrap, .text { line-height: 1.5 }
.works-wrap {  }
.works-nav { width: 930px; margin: 0 auto 10px }
.works-nav .list { margin: -10px 0 0 -20px }
.works-nav li { float: left; margin: 10px 0 0 20px }
.works-nav a { color: #848484 }
.works-nav a:hover, .works-nav a.current { color: #000;}
.works-wrap .list { width: 950px; margin: 0 -20px 0 0 }
.works-wrap .list li { position: relative; float: left; width: 170px; margin: 0 20px 20px 0; text-align: center }
.works-wrap .list p { display: table-cell; width: 170px; height: 140px; vertical-align: middle }
.works-wrap .list p { *display: block; *font-size: 116px }
.works-wrap .list img { vertical-align: middle }
.works-wrap .list h2 { margin: 11px 0 0 }


.text-wrap {  }
.text-wrap .fl { width: 220px }
.text-wrap .fl h2, .text-wrap .fr .title, .news-wrap .title { height: 24px; border-bottom: 1px dotted #dadada }
.text-wrap .fl h2 { text-transform: uppercase }
.text-wrap .fl ul {  }
.text-wrap .fl li { padding: 4px 0 0; border-bottom: 1px dotted #dadada; line-height: 27px }
.text-wrap .fr { width: 660px }
.text-wrap .text, .news-wrap .text { margin: 18px 0 0; line-height: 1.5 }

.pages { margin-top: 30px }
.pages a { display: inline-block; margin: 0 15px 0 0 }

.news-wrap { margin-top: 50px }
.news-wrap .list li { height: 25px; margin: 12px 0 0; border-bottom: 1px dotted #999; line-height: 25px }
.news-wrap .list li span { float: right }
.news-wrap .info { line-height: 1.5 }

.comments-form { float: left; width: 300px }
.comments-form .s1, .comments-form textarea { display: block; width: 210px; height: 17px; margin: 0 0 10px; padding: 2px 3px; border: 1px solid #cccccc; line-height: 17px }
.comments-form textarea { display: block; width: 292px; height: 120px; padding: 1px 3px; resize: none; outline: none }
.comments-form .submin-btn { width: 80px; height: 27px; border: 0 none; background: #eeeeee; line-height: 25px; font-size: 14px }

.comments-info { float: right; width: 380px }
.comments-info h3 {  }
.comments-info div { margin: 12px 0 0 }
.comments-info dl { margin: 0 0 16px; border-bottom: 1px dotted #eeeeee }
.comments-info dt { padding: 0 8px; background: #eeeeee; color: #363636; line-height: 25px }
.comments-info dt .fr { color: #bbbbbb }
.comments-info dd { margin: 16px 0 }

.links-wrap {  }
.links-wrap .list { width: 960px; margin: 0 -30px 0 0 }
.links-wrap .list li { float: left; width: 162px; margin: 0 30px 15px 0; line-height: 17px!important }

.mianwapper { position:relative; margin:0 auto; }
.wrapper { position: relative; min-height: 580px; overflow: hidden; margin: 0 auto;}
.wrapper ul li { float:left; width:1020px }
.wrapper li li { position: relative; float: left; width:210px; margin: 25px 12px 25px 20px;}


.mianwapper .arrow { margin-top: -35px!important }
.mianwapper .forward, .mianwapper .back { background-image: url('../images/scroll_btn.png') }

.mianwapper .arrow { position: absolute; top: 50%; width: 25px; height: 49px; overflow: hidden; margin: -24px 0 0; text-indent: -9999px }
.mianwapper .forward, .mianwapper .back, #fancybox-close, #fancybox-left-ico, #fancybox-right-ico { background-repeat: no-repeat }
.mianwapper .forward { right: -47px; background-position: -6px -6px }
.mianwapper .back { left: -47px; background-position: -30px -6px }

.mianwapper li li {
	position: relative;
    float: left;
    width: 270px;
    height: auto;
}
.mianwapper ul p {
    display: table-cell;
    width: 270px;
    height: 140px;
    vertical-align: top;
    text-align: center;
}

.pgwSlideshow .ps-caption { padding: 0; color: #2b2b2b }
.ps-caption { line-height: 1.4 }

.hide-box {
    display: none
}

.pgwSlideshow .ps-caption {
    position: static;
    margin-top: 15px
}

/* .pgwSlideshow .ps-current > ul > li img {
    margin: 0
} */
.works-list {
	margin-top: 50px
}

.ps-current span { display: none!important }
.works-details-page .ps-control span { display: block!important; float: left; }

.list-wrapper {
    position: relative;
    overflow: hidden
}
.pgwSlideshow .ps-list {
    overflow: visible
}

.pgwSlideshow .ps-list .ps-prev {
    left: -37px
}
.pgwSlideshow .ps-list .ps-next {
    right: -37px
}
.pgwSlideshow .ps-list li .ps-item {
    margin: 10px 10px 0 0
}
.pgwSlideshow .ps-list li:first-child .ps-item {
    margin-left: 0
}

.pgwSlideshow .ps-control {
    overflow: hidden;
    margin-top: 15px;
}

.pgwSlideshow .ps-control .ps-next,
.pgwSlideshow .ps-control .ps-prev {
    position: static;
    padding: 0
}

.pgwSlideshow .ps-control .ps-prev {
    margin-right: 25px;
}

.ps-prevIcon:before {
    content: '\e600';
    color: #000000;
    font-size: 20px
}

.ps-nextIcon:before {
    content: '\e601';
    color: #000000;
    font-size: 20px
}

.works-details-page .pgwSlideshow .ps-control .ps-next,
.works-details-page .pgwSlideshow .ps-control .ps-prev {
    position: static;
    padding: 0
}

.pgwSlideshow + .works-info {
    margin-top: 20px
}
.works-info .title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.4
}
.works-info .title .back-link {
    float: right;
    margin-left: 2em;
    font-size: 12px
}

.works-info .info {
    margin: 0 0 2px;
    line-height: 1.4;
}
.works-info .title + .info {
    margin-top: -10px
}

.works-info .content {
    line-height: 1.5
}
.works-info .info + .content {
    margin-top: 5px;
}

.more,
.more a {
    font-weight: normal;
    font-size: 12px
}

.video-box iframe,
.video-box { width: 640px!important; height: 360px!important; margin: 0 auto 25px }

.video-box { margin-top: 30px }

.links-list-wrapper {
    overflow: hidden;
    margin-top: 50px
}
.links-list-wrapper .list { margin: -16px 0 0 -80px }
.links-list-wrapper .box { float: left; min-width: 122px; margin: 16px 0 0 80px }


.works-list-wrapper { overflow: hidden; width: 74.5%; margin: 50px auto 0 }
.works-list-wrapper .list { overflow: hidden; margin: -30px 0 0 -30px }
.works-list-wrapper .list .box { display: none; float: left; opacity: 0; filter: alpha(opacity=0) }
.works-list-wrapper .list .inner { margin: 30px 0 0 30px }
.works-list-wrapper .list .image { position: relative; margin: 0 0 12px }
.works-list-wrapper .list .image img { position: relative; visibility: hidden }
.works-list-wrapper .list .info { min-height: 84px; line-height: 1.5 }

.pager-wrapper { margin: 50px 0 0; font-size: 0 }
.pager-wrapper:first-child { margin-top: 0 }
.pager-wrapper a,
.pager-wrapper span { display: inline-block; margin: 0 0 0 15px; font-size: 14px; vertical-align: top }
.pager-wrapper a:first-child,
.pager-wrapper span:first-child { margin-left: 0 }
.pager-wrapper span,
.pager-wrapper a:hover { color: #acacac }


.works-details-page .pgwSlideshow .ps-current > ul > li img {
    margin: 0
}


body .bdshare-button-style0-24 a { width: auto; height: auto; margin: 0 0 0 10px; padding-left: 0; background: none; font-family:"shareicon" !important; font-size: 18px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body .bdshare-button-style0-24 a:first-child { margin-left: 0 }
body .bdshare-button-style0-24 a.bds_weixin:after { content: '\e6b2' }
body .bdshare-button-style0-24 a.bds_fbook:after { content: '\e689' }
body .bdshare-button-style0-24 a.bds_twi:after { content: '\e6aa' }
.bdsharebuttonbox { margin-top: 25px }
.share-pop .bdsharebuttonbox { margin-top: 0 }